<div class="page-content">
	<section v-if="showType==1">
	<div class="weui_cells_title">结算银行卡信息</div>
	  <div class="weui_cells">

	  			
	  				 <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>{{MerchantName}}</p>
                        </div>
                        <div class="weui_cell_ft">
                            商户名
                        </div>
                         
                    </div>

                     <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p style="color: red">{{Fee}}</p>
                        </div>
                        <div class="weui_cell_ft" >
                            结算费率
                        </div>
                         
                    </div>

                    

                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>{{bankInfo.BranchName}}</p>
                        </div>
                        <div class="weui_cell_ft">
                            银行
                        </div>
                         
                    </div>
                      <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>{{bankInfo.BankCardNo}}</p>
                        </div>
                        <div class="weui_cell_ft">
                            银行卡号
                        </div>
                         
                    </div>


                    
                      
                      
                     <div class="weui_cell" v-if="bankInfo.AccountType=='01'">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>{{bankInfo.BankCertName}}</p>
                        </div>
                        <div class="weui_cell_ft">
                            持卡人
                        </div>
                         
                    </div>
                    
                     <div class="weui_cell" v-if="bankInfo.AccountType=='01'">
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>{{bankInfo.CertNo}}</p>
                        </div>
                        <div class="weui_cell_ft">
                            身份证
                        </div>
                         
                    </div>
                </div>

                 <div class="weui_opr_area" >
			        <p class="weui_btn_area">
			            <a v-on:click="showType=2" class="weui_btn  btn2">修改银行卡</a>
			            
			        </p>
			    </div>

    </section>
    <form id="bankInfoForm" :style="showType==1?'display: none;':''"   >
      	<div class="weui_cells_title">结算银行卡信息</div>
		   	 <div class="list-li">


			       	
			       		<div class="li"  v-if="bankInfo.AccountType=='01'">
			            	<div class="li-input-text">持卡人</div>
				            <div class="li-input">
				              <input readonly  maxlength="40" placeholder='请输入负责人姓名'   :value="bankInfo.BankCertName"  name='BankCertName'></input>
				            </div>
				            <div class="clear"></div>
			         	 </div> 

			         	 <div class="li"  v-if="bankInfo.AccountType=='01'">
			            	<div class="li-input-text">身份证</div>
				            <div class="li-input">
				              <input readonly  maxlength="40" placeholder='请输入负责人身份证'   :value="bankInfo.CertNo"  name='CertNo'></input>
				            </div>
				            <div class="clear"></div>
			         	 </div> 

			         	  <div class="li"  v-if="bankInfo.AccountType=='01'">
			            	<div class="li-input-text">持卡人地址</div>
				            <div class="li-input">
				              <input  maxlength="40" placeholder='请输入开户地'   :value="bankInfo.CardHolderAddress"  name='CardHolderAddress'></input>
				            </div>
				            <div class="clear"></div>
			         	 </div> 


			         	 <div class="li"  v-if="bankInfo.AccountType=='02'">
			            	<div class="li-input-text">对公银行卡号</div>
				            <div class="li-input">
				              <input  maxlength="40" placeholder='请输入对公银行卡号' type="number" :value="bankInfo.BankCardNo"   name='BankCardNo'></input>
				            </div>
				            <div class="clear"></div>
			         	 </div> 
			         	  
			         	  <div class="li"  v-else>
			            	<div class="li-input-text">银行卡号</div>
				            <div class="li-input">
				              <input  maxlength="40" placeholder='请输入负责人银行卡号' type="number"  :value="bankInfo.BankCardNo"  name='BankCardNo'></input>
				            </div>
				            <div class="clear"></div>
			         	 </div> 
		 

			         	  <div class="li"  >
			            	<div class="li-input-text">开户银行</div>
				            <div class="li-input">
				             <select name="BankName" id="bankName" v-on:change='getBankSubbranch($event)' >
				             	<option value="">请选择银行</option>
				             	<option   v-for="bank in bankList"  :value="bank.bankId">{{bank.bankName}}</option></select>
				              
				            </div>
				            <div class="clear"></div>
			         	 </div> 


			         	  <div class="li"  >
			            	<div class="li-input-text">银行省市区</div>
				            <div class="li-input bankArea">
				              <select class=" fl province form-control" style="width:33%;"  name="BranchProvince" id="BranchProvince" >
										<option value="">请选择</option>
									</select>
									<select id="bankCity" v-on:change='getBankSubbranch($event)' class=" fl city form-control" style="width:33%;" name="BranchCity">
										<option value="">请选择</option>
									</select>
									 <input type="hidden" class="hide-value" value="" name="bankHideCode"  />
									 
				            </div>
				            <div class="clear"></div>
			         	 </div> 



			         	 <div class="li"  >
			            	<div class="li-input-text">开户支行名称</div>
				            <div class="li-input">
				             <select name="BranchName" v-on:change='setContactLine($event)'>
				             	<option value="0">请选择支行</option>
				             	<option  v-for="bankSubbranch in bankSubbranchList" :contactLine="bankSubbranch.contactLine"  :value="bankSubbranch.sub_bankName">{{bankSubbranch.sub_bankName}}</option></select>
				             
				             </select>
				              <input type="hidden" name="ContactLine" :value="contactline">
				               <input type="hidden" name="MerchantId" :value="MerchantId">
				                <input type="hidden" name="AccountType" :value="bankInfo.AccountType">
				               

				             
				            </div>
				            <div class="clear"></div>
			         	 </div> 
			         	 	   
		 
			   </div>
			    <div class="weui_opr_area" >
			        <p class="weui_btn_area">
			            <a @click="saveBankInfo"  class="weui_btn  btn2">保存</a>
			        </p>
			         <p class="weui_btn_area">
			            <a @click="showType=1"  class="weui_btn weui_btn_plain_default">取消</a>
			        </p>
			    </div>     
      </form>
</div>